<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/popper.js/1.15.0/popper.min.js" type="module"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../static/styles/function.css" th:href="@{/styles/function.css}"/>
    <title>Shine课程表-功能</title>
</head>
<body>
    <div class="root">
        <div class="top_bar" th:include="top"></div>

        <!--轮播图-->
        <div id="function-banner" class="carousel slide" data-ride="carousel">
            <!-- 指示符 -->
            <ul class="carousel-indicators">
                <li data-target="#function-banner" data-slide-to="0" class="active"></li>
                <li data-target="#function-banner" data-slide-to="1"></li>
            </ul>
            <!-- 轮播图片 -->
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <a href="/what_to_do_2021">
                        <img th:src="@{/images/fb1.webp}">
                    </a>
                </div>
                <div class="carousel-item">
                    <a href="http://tjxx.lnu.edu.cn" target="_blank">
                        <img th:src="@{/images/fb2.webp}">
                    </a>
                </div>
            </div>
            <!-- 左右切换按钮 -->
            <a class="carousel-control-prev" href="#function-banner" data-slide="prev">
                <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#function-banner" data-slide="next">
                <span class="carousel-control-next-icon"></span>
            </a>
        </div>

        <div class="container-fluid">
            <div class="function-div" style="margin-top: 25px">
                <div class="row">
                    <div class="col-sm-4 function">
                        <a href="http://tjxx.lnu.edu.cn" target="_blank">
                            <div class="card card-lift--hover shadow border-0 p-3 m-1 text-center" style="height: 150px;background-color: purple">
                                <!--                            <img th:src="@{/images/android.webp}" class="card-img absolute top-0" alt="">-->
                                <span>辽宁大学疫情打卡</span>
                            </div>
                        </a>
                    </div>
                    <div class="col-sm-4 function">
                        <a href="https://www.kdocs.cn/l/cbc932GdXHyq" target="_blank">
                            <div class="card card-lift--hover shadow border-0 p-3 m-1 text-center" style="height: 150px;background-color: lightseagreen">
                                <span>辽宁大学体温填报</span>
                            </div>
                        </a>
                    </div>
                    <div class="col-sm-4 function">
                        <a href="http://www.lnu.edu.cn/info/15029/76328.htm" target="_blank">
                            <div class="card card-lift--hover shadow border-0 p-3 m-1 text-center" style="height: 150px;background-color: orangered">
                                <span>校历</span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="function-div" style="margin-top: 25px">
                <div class="row">
                    <div class="col-sm-4 function">
                        <a href="http://jwgl.lnu.edu.cn/pls/wwwbks/bkscjcx.curscopre" target="_blank">
                            <div class="card card-lift--hover shadow border-0 p-3 m-1 text-center" style="height: 150px;background-color: gold">
                                <!--                            <img th:src="@{/images/android.webp}" class="card-img absolute top-0" alt="">-->
                                <span>成绩查询</span>
                            </div>
                        </a>
                    </div>
                    <div class="col-sm-4 function">
                        <a href="http://jwgl.lnu.edu.cn" target="_blank">
                            <div class="card card-lift--hover shadow border-0 p-3 m-1 text-center" style="height: 150px;background-color: brown">
                                <span>辽宁大学教务管理</span>
                            </div>
                        </a>
                    </div>
                    <div class="col-sm-4 function">
                        <a href="/what_to_do_2021">
                            <div class="card card-lift--hover shadow border-0 p-3 m-1 text-center" style="height: 150px;background-color: dodgerblue">
                                <span>#2021 你想实现什么#</span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-12">
                    <!--页脚-->
                    <div th:include="footer"></div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>